body {
  margin: 0;
  background-color: #f5f5f5;
}

/* fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
  transition: all 0.3s;
}

.fade-slide-enter-from {
  transform: translateX(-30px);
  opacity: 0;
}

.fade-slide-leave-to {
  transform: translateX(30px);
  opacity: 0;
}

.flex {
  display: flex;
}

// 公共的图标
.icon_class {
  margin: 0px 10px;
  padding: 7px;
  border-radius: 50%;
}

.edit_icon {
  border: 1px solid #6ab3ff;
  background-color: #ecf5ff;
  color: #3f96f1;
}

.del_icon {
  border: 1px solid #f67d7d;
  background-color: #fef0f0;
  color: #f67d7d;
}
